<!-- 添加评论  集合 -->
<th:block th:if="${session.userList!=null}">
	<link rel="stylesheet" type="text/css" th:href="@{'/static/simditor/styles/simditor.css'}" />

	<!--	<script type="text/javascript" th:src="@{'/static/simditor/site/assets/scripts/jquery.min.js'}"></script>-->
	<script type="text/javascript" th:src="@{'/static/simditor/site/assets/scripts/module.js'}"></script>
	<script type="text/javascript" th:src="@{'/static/simditor/site/assets/scripts/hotkeys.js'}"></script>
	<script type="text/javascript" th:src="@{'/static/simditor/site/assets/scripts/uploader.js'}"></script>
	<script type="text/javascript" th:src="@{'/static/simditor/site/assets/scripts/simditor.js'}"></script>
</th:block>
<th:block th:if="${session.userList!=null}">
		
		<!--  全局允许提交评论 -->
			<div class="comment-formModule">
				<div class="addComment-wrap">
					<form id="addCommentForm" action="user/control/comment/add?topicId=${url_topicId}&page=${url_page}" method="post">
						
						<!-- 提交后跳转参数  参数必须经过encodeBase64URL编码后才能提交 不填写时默认跳转回当前页 -->
						<input type="hidden" id="jumpUrl" name="jumpUrl" value="">
						<textarea class="textarea" onfocus="" id="editor" name="content" placeholder="Balabala"></textarea>

						
						<span th:id="${topicId}+'_content_error'" class="error"></span>
						<div class="form-action">
							
							<div class="commentSubmit">
					        	<!-- <span class="submitButton"><INPUT type="button" value="提交" onClick="javascript:sureSubmit(this.form)"></span> -->
					        	<span class="submitButton"><INPUT th:id="${topicId}+'_submitForm'" type="button" value="提交" th:onClick="javascript:ajax_sureSubmit('[[${topicId}]]')"></span>
					        </div>

							
							
						</div>
						<script language="javascript" type="text/javascript">


							//表单Form方式提交
							function sureSubmit(obj){
								obj.submit();
							} 
							//Ajax方式提交
							function ajax_sureSubmit(identificationNumber){
								//按钮设置 disabled="disabled"
								document.getElementById(identificationNumber+"_submitForm").disabled=true;

									var parameter = "";
									parameter += "topicId="+getUrlParam("topicId");//获取URL参数

									//获取内容
									var content = editor.getValue();
									parameter += "&content=" + encodeURIComponent(content);
								
								   	//删除第一个&号,防止因为多了&号而出现警告: Parameters: Invalid chunk ignored.信息
									if(parameter.indexOf("&") == 0){
										parameter = parameter.substring(1,parameter.length);
									}
								   	post_request(function(value){
										var data = JSON.parse(value);
										for(var returnValue in data){
											
											if(returnValue == "success"){
							        			if(data[returnValue] == "true"){
							        				//需引入layer
							        				layer.msg('提交成功,3秒后自动刷新本页', 
														{
														  time: 3000 //3秒关闭（如果不配置，默认是3秒）
														},function(){//关闭后的操作
															//刷新页面
							        						document.location.reload();
														}
													);
							        			}
							        		}else if(returnValue == "error"){
							        			
							        			var error = data[returnValue];
							        			for(var key in error){
							        				var error_html = document.getElementById(identificationNumber+"_"+key+"_error");
							        	
							        				if(error_html != null){
							        					error_html.innerHTML = error[key];
							        				}
							        				
							        			}
							        			//按钮设置 disabled="disabled"
												document.getElementById(identificationNumber+"_submitForm").disabled=false;
							        		}
							        	}
									},
										"user/control/comment/add?" +parameter, true);
									//按钮设置 disabled="disabled"
									document.getElementById(identificationNumber+"_submitForm").disabled=false;

							}

							// 初始化Simditor
							var editor = new Simditor({
								toolbar: [
									'title', // 标题
									'bold', // 加粗文字
									'italic', // 斜体文字
									'underline', // 下划线
									'strikethrough', // 删除线
									'|', // 控件分隔线
									'fontScale', // 字体大小
									'color', // 字体颜色
									'ol', // 有序列表
									'ul', // 无序列表
									'blockquote', // 引用
									'code', // 代码块
									'table', // 表格
									'link', // 链接
									'image', // 图片
									'hr', // 分割线
									'indent', // 向右缩进
									'outdent', // 向左缩进
									'alignment' // 水平对齐
								],
								textarea: $('#editor'),
								// 富文本框的placeholder属性
								placeholder: '我来说两句，发表我的评论',
								// 顶部toolbar是否允许浮动
								// 如果允许浮动，则滚动页面时，toolbar会固定在网页顶部
								toolbarFloat: true,
								// 浮动偏移
								// 比如100，就是向下偏移100px
								// 网站可能会有浮动的导航条之类的，防止冲突
								toolbarFloatOffset: 100,
								// 隐藏toolbar
								toolbarHidden: false,
								// 插入图片时的默认图路径
								defaultImage: '/static/images/image.png',
								// 允许使用tab和shift+tab进行向左/向右缩进
								tabIndent: true,
								// 在textarea里添加隐藏input框
								// 键是input的name属性，值是value属性
								// 一般是用作表单提交时默认参数使用
								// 比如这个示例就会创建
								// <input type="hidden" name="from" value="simditor">
								// <input type="hidden" name="type" value="1">
								params: {
									type: '1',
									from: 'simditor'
								},
								// 图片按钮的功能
								// upload是上传图片功能
								// external是外链图片功能
								imageButton: ['upload', 'external'],
								// 图片上传接口设置
								upload: {
									// 图片上传接口路径
									url: 'uploadImage',
									// 上传时的附加参数
									params: null,
									// 图片提交key
									fileKey: 'file',
									// 本地最大同时上传数
									connectionCount: 3,
									// 上传时退出的提示信息
									leaveConfirm: '正在上传中，你确定要退出吗？'
								},
								// 允许粘贴图片时快速上传
								pasteImage: true,
								// 粘贴时清除html样式
								cleanPaste: true,
								// 允许的标签列表
								allowedTags: ['br', 'span', 'a', 'img'],
								// 允许的标签属性列表
								allowedAttributes: {
									img: ['src', 'alt'],
									a: ['href', 'target'],
									font: ['color'],
									code: ['class']
								},
								// 允许的css样式列表
								allowedStyles: {
									span: ['color', 'font-size'],
									b: ['color'],
									i: ['color'],
									strong: ['color'],
									strike: ['color'],
									u: ['color'],
									p: ['margin-left', 'text-align'],
									h1: ['margin-left', 'text-align'],
									h2: ['margin-left', 'text-align'],
									h3: ['margin-left', 'text-align'],
									h4: ['margin-left', 'text-align']
								},
								// 插入代码支持的代码列表
								codeLanguages: [{
									name: 'C++',
									value: 'c++'
								}, {
									name: 'C#',
									value: 'cs'
								}, {
									name: 'CSS',
									value: 'css'
								}, {
									name: 'HTML,XML',
									value: 'html'
								}, {
									name: 'JSON',
									value: 'json'
								}, {
									name: 'Java',
									value: 'java'
								}, {
									name: 'JavaScript',
									value: 'js'
								}, {
									name: 'Python',
									value: 'python'
								}, {
									name: 'SQL',
									value: 'sql'
								}
								]
							});

							
							</script>
						
					</form>
					
				</div>
			</div>
</th:block>
<div class="addAnswerModule" th:if="${session.userList==null}" xmlns:th="http://www.thymeleaf.org">
	<div class="addAnswer-wrap">
		<div class="respond">
			<p>请
				<a th:href="'login?url=forum?topicId='+${topicId}" class="one-pan-link-mark">登录</a>
				后发表话题。没有帐号？
				<a th:href="@{/login?target=register}" href="register" class="one-pan-link-mark">注册</a> 一个。
			</p>
		</div>
	</div>
</div>